@import "compass/css3";
@import "icons";

$base-font-size: 16px;
$base-font-color: white;
$body-bg-color: #dddddd;

html, body {
    margin: 0;
    padding: 0;
    font-size: $base-font-size;
    overflow-x: hidden;  
}

body {
    background: $body-bg-color;
    color: $base-font-color;
    // font-family: 'Open Sans', sans-serif;
    // font-weight: 300;
}

h1 {

}

h2 {

}

a {

}

p {

}

.center {
  margin: 0 auto;
  text-align: center;
}

/**
 *
 * table layout
 */
.table-row {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.table-row > .table-col {
  display: table-cell;
}
.vertical-middle {
  vertical-align: middle;
}
.table-col.vertical-middle {
  vertical-align: middle;
}
.table-col.vertical-bottom {
  vertical-align: bottom;
}
.table-col.vertical-top {
  vertical-align: top;
}